<!DOCTYPE html>
<html lang="en">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <!-- Meta, title, CSS, favicons, etc. -->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" href="images/favicon.ico" type="image/ico" />
  <title>HRs! </title>

  <!-- Bootstrap -->
  <link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
  <!-- Font Awesome -->
  <link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  <!-- NProgress -->
  <link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
  <!-- jQuery custom content scroller -->
  <link href="../vendors/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.min.css" rel="stylesheet" />

  <link href="color.css" rel="stylesheet">


  <!-- Custom Theme Style -->
  <link href="../build/css/custom.min.css" rel="stylesheet">
  <style>
    table {
      border-collapse: collapse;
      width: 100%;
    }

    th,
    td {
      text-align: left;
      padding: 8px;
    }

    tr:nth-child(even) {
      background-color: #f2f2f2;
    }

    th {
      background-color: #00305A;
      color: white;
    }

    .button {
      background-color: #ace6f6;
      border: none;
      color: #555555;
      padding: 15px 32px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: pointer;
      border-radius: 7px;
    }

    .button1 {
      background-color: #4b89ac;

    }

    .buttons {
      float: right;
      margin-right: 30px;
    }
  </style>
</head>

<body class="nav-md footer_fixed">
  <div class="container body">
    <div class="main_container">
      <div class="col-md-3 left_col">
        <div class="left_col scroll-view">
          <div class="navbar nav_title" style="border: 0;">
            <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>ALBATEL!</span></a>
          </div>

          <div class="clearfix"></div>

          <!-- menu profile quick info -->
          <div class="profile clearfix">
            <div class="profile_pic">
              <img src="images/img.jpg" alt="..." class="img-circle profile_img">
            </div>
            <div class="profile_info">
              <span>Welcome,</span>
              <h2 id="userNamesOne">John Doe</h2>
            </div>
          </div>
          <!-- /menu profile quick info -->

          <br />

          <!-- sidebar menu -->
          <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
            <div class="menu_section">
              <h3>Questionaire</h3>
              <ul class="nav side-menu">
                <li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a>
                  <ul class="nav child_menu">
                    <li><a href="index.html">Dashboard</a></li>

                  </ul>
                </li>
                <li><a><i class="fa fa-edit"></i> Policies <span class="fa fa-chevron-down"></span></a>
                  <ul class="nav child_menu">

                    <li><a href="form_wizards.html">Part 1</a></li>
                    <li><a href="form_upload.html">Part 2</a></li>
                  </ul>
                </li>

                <li><a><i class="fa fa-bar-chart-o"></i> Development <span class="fa fa-chevron-down"></span></a>
                  <ul class="nav child_menu">
                    <li><a href="chartjs.html">Part 1</a></li>
                    <li><a href="chartjs2.html">Part2</a></li>
                  </ul>
                </li>
                <li><a><i class="fa fa-clone"></i>Employee <span class="fa fa-chevron-down"></span></a>
                  <ul class="nav child_menu">
                    <li><a href="fixed_sidebar.html">Part 1</a></li>
                    <li><a href="fixed_footer.html">Part 2</a></li>
                  </ul>
                </li>
              </ul>
            </div>
            <div class="menu_section">
              <h3>User</h3>
              <ul class="nav side-menu">
                <li><a><i class="fa fa-info-circle"></i> Corporate Information
                    <span class="fa fa-chevron-down"></span></a>
                  <ul class="nav child_menu">
                    <li><a href="viewInformation.html">View Information</a></li>
                    <li><a href="editInformation.html">Edit Information</a></li>
                  </ul>
                </li>
                <li><a><i class="fa fa-file-text"></i> Report <span class="fa fa-chevron-down"></span></a>
                  <ul class="nav child_menu">
                    <li><a href="viewReport.html">View</a></li>

                  </ul>
                </li>
              </ul>
            </div>

          </div>
          <!-- /sidebar menu -->


        </div>
      </div>

      <!-- top navigation -->
      <div class="top_nav">
        <div class="nav_menu">
          <div class="nav toggle">
            <a id="menu_toggle"><i class="fa fa-bars"></i></a>
          </div>
          <nav class="nav navbar-nav">
            <ul class=" navbar-right">
              <li class="nav-item dropdown open" style="padding-left: 15px;">
                <a href="javascript:;" class="user-profile dropdown-toggle" aria-haspopup="true" id="navbarDropdown"
                  data-toggle="dropdown" aria-expanded="false">
                  <img src="images/img.jpg" alt=""><span id="userNamesTwo">John Doe</span>
                </a>
                <div class="dropdown-menu dropdown-usermenu pull-right" aria-labelledby="navbarDropdown">
                  <a class="dropdown-item" href="viewInformation.html"> Profile</a>
                  <a class="dropdown-item" href="editInformation.html">
                    <span>Edit</span>
                  </a>
                  <a class="dropdown-item" href="https://albatel.ie/contact-us/">Contact us</a>
                  <a class="dropdown-item" href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a>
                </div>
              </li>


            </ul>
          </nav>
        </div>
      </div>
      <!-- /top navigation -->

      <!-- page content -->
      <div class="right_col" role="main">
        <div class="">
          <div class="page-title">
            <div class="title_left">
              <h3>Employee Part2</h3>
            </div>

            <div class="title_right">

            </div>
          </div>
          <div class="clearfix"></div>

          <div class="row">
            <div class="col-md-12 col-sm-12 ">
              <div class="x_panel">


                <div style="overflow-x:auto;">

                  <div id="wizard" class="form_wizard wizard_horizontal">
                    <ul class="wizard_steps anchor">
                      <li>
                        <a href="#step-1" class="selected" isdone="1" rel="1">
                          <span class="step_no">1</span>
                          <span class="step_descr">
                            Step 1<br />
                            <small>Policies Part1</small>
                          </span>
                        </a>
                      </li>
                      <li>
                        <a href="#step-2" class="selected" isdone="1" rel="2">
                          <span class="step_no">2</span>
                          <span class="step_descr">
                            Step 2<br />
                            <small>Policies Part2</small>
                          </span>
                        </a>
                      </li>
                      <li>
                        <a href="#step-3" class="selected" isdone="1" rel="3">
                          <span class="step_no">3</span>
                          <span class="step_descr">
                            Step 3<br />
                            <small>Development Part1</small>
                          </span>
                        </a>
                      </li>
                      <li>
                        <a href="#step-4" class="selected" isdone="1" rel="4">
                          <span class="step_no">4</span>
                          <span class="step_descr">
                            Step 4<br />
                            <small>Development Part2</small>
                          </span>
                        </a>
                      </li>
                      <li>
                        <a href="#step-5" class="selected" isdone="1" rel="5">
                          <span class="step_no">5</span>
                          <span class="step_descr">
                            Step 5<br />
                            <small>Employee Part1</small>
                          </span>
                        </a>
                      </li>
                      <li>
                        <a href="#step-6" class="selected" isdone="1" rel="6">
                          <span class="step_no">6</span>
                          <span class="step_descr">
                            Step 6<br />
                            <small>Employee Part2</small>
                          </span>
                        </a>
                      </li>
                    </ul>
                  </div>
                  <div id="step-6">
                    <table id="policies1">
                      <tr>
                        <th>Employee Communication & Engagement</th>
                        <th>Red</th>
                        <th>Amber</th>
                        <th>Green</th>
                      </tr>
                      <tr>
                        <td>1. Do you conduct a regular employee engagement survey?</td>
                        <td> <input type="radio" name="1" class="red"> </td>
                        <td> <input type="radio" name="1" class="yellow"></td>
                        <td> <input type="radio" name="1" class="green"></td>
                      </tr>
                      <tr>
                        <td>2. Do you keep employees informed about business developments?<br> (e.g. financial
                          performance, forthcoming changes)</td>
                        <td> <input type="radio" name="2" class="red"> </td>
                        <td> <input type="radio" name="2" class="yellow"></td>
                        <td> <input type="radio" name="2" class="green"></td>
                      </tr>
                      <tr>
                        <td>3. Do you communicate with all of your employees regularly and allow<br> for their
                          input/contribution?</td>
                        <td> <input type="radio" name="3" class="red"> </td>
                        <td> <input type="radio" name="3" class="yellow"></td>
                        <td> <input type="radio" name="3" class="green"></td>
                      </tr>

                      <tr>
                        <th>Employee Records and GDPR</th>
                        <th>Red</th>
                        <th>Amber</th>
                        <th>Green</th>
                      </tr>
                      <tr>
                        <td>1. Do you have a Data Protection Policy that is compliant with the Data <br>Protection Act
                          2018?</td>
                        <td> <input type="radio" name="4" class="red"> </td>
                        <td> <input type="radio" name="4" class="yellow"></td>
                        <td> <input type="radio" name="4" class="green"></td>
                      </tr>
                      <tr>
                        <td>2. Do you have complete and up to date files of record on every employee? </td>
                        <td> <input type="radio" name="5" class="red"> </td>
                        <td> <input type="radio" name="5" class="yellow"></td>
                        <td> <input type="radio" name="5" class="green"></td>
                      </tr>
                      <tr>
                        <td>3. Are you only retaining records for as long as you should and securely<br> destroying any
                          data no longer required?</td>
                        <td> <input type="radio" name="6" class="red"> </td>
                        <td> <input type="radio" name="6" class="yellow"></td>
                        <td> <input type="radio" name="6" class="green"></td>
                      </tr>

                    </table>
                  </div>
                </div>
                <br><br>
                <div class="buttons">
                  <button class="button" onclick="finish()">Finish</button>
                  <button class="button button1" onclick="next()"><a href="fixed_sidebar.html">Previous</a></button>

                </div>

              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- /page content -->

    <!-- footer content -->
    <footer>
      <div class="pull-right">
        To learn more - Go to the webside <a href="https://albatel.ie/">ALBATEL</a>
      </div>
      <div class="clearfix"></div>
    </footer>
    <!-- /footer content -->
  </div>
  </div>

  <!-- jQuery -->
  <script src="../vendors/jquery/dist/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="../vendors/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
  <!-- FastClick -->
  <script src="../vendors/fastclick/lib/fastclick.js"></script>
  <!-- NProgress -->
  <script src="../vendors/nprogress/nprogress.js"></script>
  <!-- jQuery custom content scroller -->
  <script src="../vendors/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js"></script>

  <!-- Custom Theme Scripts -->
  <script src="../build/js/custom.min.js"></script>
  <script src="./js/utils.js"></script>
  
  <script>
    getUser();
    // 初始化页面从缓存中获取数据
    initialize(6,3,11,12,null,null);

    // 提交数据并且放入缓存
    function next() {
      nexts(6,3,11,12,null,null);
    }

    // 提交
    function finish() {
      next();
      finishs();
    }
  </script>
</body>

</html>